<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h2>DOM: Docment Object Model （文档对象模型）它是一个 JS 对象</h2>
  <h2>HTML: 一种标记语言 用于定义网页的内容和结构。</h2>
  <br>
  <h1>DOM 的特点</h1>
  <p>-树形结构，DOM树</p>
  <p>-可编程，可以使用JavaScript读取和修改DOM数据</p>
  <p>-动态性，通过DOM API 动态修改结构和数据</p>
  <h1>HTML 到DOM 的过程</h1>
  <p>1.HTML解析，浏览器解析HTML代码，生成DOM树</p>
  <p>2.CSSOM生成：解析css, 生成cssOM （css 对象模型）</p>
  <p>3.渲染树： 将DOM 和cssOM 结合，生成渲染树</p>
  <p>4.根据渲染树，将内容显示在页面上</p>
</body>
</html>